@charset "utf-8";
html,body,div,p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td{margin:0;padding:0;}
ul,ol,li{list-style:none outside;}
img{border:none;vertical-align:top;}
body{font:12px/1.5 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; color:#8a8989; background:#530805; background:url(../images/bg.jpg);}
h1,h2,h3,h4,h5,h6{font-size:14px;overflow-x:hidden;}
a:link, a:visited{text-decoration:none;color:#397cbf; }
a:hover, a:active{ text-decoration:none;color:#397cbf;}
a:focus {outline: 0;}
.clear {clear: both;}
.clear1{ clear:both; border-bottom:1px solid #e9e9e9; height:30px; width:940px; margin:0 auto;}
.lft{ float:left;}
.rgt{ float:right;}
.none{ background:none;}
.suojin{ text-indent:2em;}

/*距离*/
.dis1{ margin-left:15px;}
.dis2{ margin-left:22px;}
.dis3{ margin-left:33px;}
.dis4{ padding-top:10px;}
.dis5{ padding-top:30px;}
.dis6{ padding-left:40px;}

/*字体*/
.font1{ font-size:12px;  }
.font1 a:link,.font1 a:visited{color:#797777;}
.font1 a:hover,.font1 a:active{color:#397cbf;}

.font2{ font-size:14px;  }
.font2 a:link,.font2 a:visited{color:#fff;}
.font2 a:hover,.font2 a:active{color:#7cc623;}

.font3{ font-size:14px;  height:36px; line-height:36px; background-color:#fff; width:175px; padding-left:15px; margin-top:20px; margin-left:10px;}
.font3 a:link,.font3 a:visited{color:#000;}
.font3 a:hover,.font3 a:active{color:#7cc623;}

.font4{color:#397cbf;}


/*焦点图*/
.bannerbox {  width: 940px; height: 365px; overflow: hidden; margin: 0px auto; padding-top: 10px; }
#focus {  width: 940px; height: 365px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul {  width: 940px; height: 365px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left;  width: 940px; height: 365px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 550px; height: 347px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }

/*模板展示焦点图*/
.bannerbox1 {  width: 700px; height: 525px; overflow: hidden; float:left; margin-top:15px; }
#focus1 {  width: 700px; height: 525px; clear: both; overflow: hidden; position: relative; float: left; }
#focus1 ul {  width: 700px; height: 525px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus1 ul li { float: left;  width: 700px; height: 525px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus1 .preNext { width: 400px; height: 500px; position: absolute; top: 0px; cursor: pointer; }
#focus1 .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus1 .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }


/*left*/

/*main*/
#contant{ width:990px; height:auto; background:#FFF; margin:0 auto; margin-top:25px;-moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999;}
.wapper{ width:940px; margin:0 auto; height:auto; }
.logo{ float:left; padding-top:10px;}
.nav{ height:140px; border-bottom:1px solid #eae8e8;}
.nav ul{ float:right;padding-top:45px;}
.nav ul li{ float:left; font-size:14px; margin-left:25px; height:40px; display:block;  }
.nav ul li a:link,.nav ul li a:visited{color:#797777;}
.nav_over,.nav ul li:hover{border-bottom:4px solid #7cc623;}

.nav_out{border-bottom:4px solid #fff;}
.model{ margin-top:-35px; position:absolute; z-index:1;}

/*服务项目*/
.main2{ margin-top:20px;}
.tit{border-bottom:1px solid #eae8e8;  height:35px; line-height:35px; font-size:16px; text-align:left; }
.tit1{border-bottom:1px solid #eae8e8;  height:35px; line-height:35px; font-size:16px; text-align:left; color:#397cbf; }
.server{ padding-top:20px;}
.server ul{height:100px;}
.server ul li{ background:#fafafb; float:left; width:302px;}
.p1{ font-size:16px;color:#797777;}
.p2{width:180px; height:90px;word-break:break-all; float:left; margin-left:10px;}
/*合作案例*/
.case{ margin-top:15px;}
.case ul{ height:260px;}
.case ul li{ float:left; margin-bottom:4px;}
.casefrm{ width:218px; height:250px; background:#fafafb;}
.d_out,.casefrm{border-bottom:4px solid #fafafb;width:218px; height:250px;background:#fafafb;}
.d_over{border-bottom:4px solid #6196cc;width:218px; height:250px;background:#fafafb;}
.p3{line-height:25px; text-align:center;padding-top:10px;}
/*新闻动态---合作客户--模板*/
.main4{ margin-top:10px; height:190px; border-bottom:1px solid #eae8e8;}
.news{ width:520px; height:200px; float:left;}
.news ul{ padding-top:20px;}
.news ul li{ background:url(../images/new-bg.gif) no-repeat left top; height:65px; padding-left:40px;}
.news ul li .line{ position:relative; height:30px;}
.li_p{ width:300px; overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; float:left;font-size:14px; cursor:pointer;}
.li_p1{ width:450px; overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height:20px;}
.customer{ width:360px; height:200px; float:right; position:relative;}
.customer ul{ height:60px; margin-top:20px;}
.customer ul li{ float:left; margin-left:45px;}
.model-lft{ width:205px; float:right;}
.model-lft dl{ padding-top:10px;}
.model-lft dl dt{ font-size:14px; font-weight:bold; height:30px; line-height:30px;}
.model-lft dl dd{ font-size:14px;line-height:30px;}
/*foot*/
.foot{ height:310px; background:url(../images/foot-bg.jpg); margin-top:10px; color:#fff; margin-bottom:20px;}
.foot ul{ height:230px; padding-top:20px; border-bottom:1px solid #fff;}
.foot ul li{ float:left; width:210px; }
.p4{ background:url(../images/foot-p.gif) no-repeat bottom; height:30px; padding-left:10px; font-size:14px;}
.p5{word-wrap: break-word; padding-left:10px; line-height:25px;}
.p6{ height:42px; line-height:42px; padding-top:10px; padding-left:10px;}
.p7{  background:url(../images/square.gif) no-repeat left center; padding-left:20px;}

/*公司介绍*/
.intro{ }
.intro-lft{ float:left; width:190px;}
.intro-lft ul{}
.intro-lft ul li{ background:url(../images/intro-li-bg.gif) no-repeat left; height:75px; line-height:75px; padding-left:30px; font-size:14px; border-bottom:1px dashed #CCC;}
.intro-rgt{ float:right; height:auto; width:720px; position:relative;}
.intro-rgtfrm{ position:relative; margin-top:15px;/*height:260px;*/}
.p8{ width:510px; float:left;word-break: break-all; word-wrap:break-word; font-size:14px;}
.mr-zhou{ width:180px; height:235px; border:1px solid #CCC; }
.p9{ background:url(../images/reason.png) no-repeat; height:55px; font-size:14px; font-weight:bold; padding-left:15px; line-height:55px; color:#3a3f47;}
.p10{word-break: break-all; word-wrap:break-word; font-size:14px;color:#3a3f47;}
.show{}
.show ul{  overflow:hidden; padding:10px 0; width:720px;}
.show ul li{ float:left; width:220px; height:160px;-moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999; margin-left:18px;}
.show-img{width:200px; height:140px; padding:10px 10px;}
.show-p{ height:40px; line-height:40px; text-align:center; color:#3a3f47; font-size:14px;}
.show1{ height:250px; background:url(../images/show-gezi.gif);}
.show1 ul{ height:160px;}
.show1 ul li{ float:left; margin-left:50px; margin-top:20px;}
.show1-p{ height:40px; line-height:40px; font-size:14px; }
.newslist{ margin-top:15px;}
.news-p1{ font-size:14px;}
.newsfrm{ position:relative; height:120px; padding-top:15px;}
.newsfrmrgt{ width:477px; height:100px;float:right; font-size:14px; line-height:26px;overflow: hidden; text-overflow: ellipsis;}
.people-p0{ font-size:20px; color:#212020; height:50px; line-height:50px; padding-top:15px;}
.news-info{ padding:5px 10px; color:#fff; background-color:#397cbf; font-size:14px;}
.people-p{ font-size:14px; color:#212020; height:30px; line-height:30px; color:#797777; }
.people-p1{ font-size:20px; color:#212020; height:50px; line-height:50px; padding-top:15px; border-bottom:1px solid #d7d6d6;}
.people-p2{ font-size:14px; color:#212020; line-height:30px; color:#797777; }
.people-p3{ font-size:14px; color:#212020; line-height:30px; color:#797777; text-indent:2em; margin-top:-20px;}
/*服 务 案例 模板*/
.service-mid{ height:310px; border-bottom:1px dashed #a3a3a3; border-top:1px dashed #a3a3a3;}
.service-mid dl{ margin-top:30px; margin-left:36px; float:left;}
.service-mid dl dt{ width:190px; height:32px; background:url(../images/service-pic2.jpg) no-repeat; color:#fff; font-size:14px; line-height:25px; text-align:center;}
.service-mid dl dd {font-size:14px; line-height:25px; padding-left:20px;}
.case-mid{ /*height:280px;*/ overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #a3a3a3;}
.case-mid dl{ margin-top:30px; float:left; overflow:hidden;}
.case-mid dl dd {font-size:14px; line-height:25px; padding-left:30px;}
/*add by helsen*/
.case-mid dl dd{ width:168px; float:left;}
/*******/
.modeltit{}
.modeltit dl{ height:70px; border-bottom:1px solid #eae8e8; padding-top:10px;}
.modeltit dd{ float:left;}
/*联系我们*/
.contactfrm{position:relative; margin-top:15px; height:530px;}
.contact-lft{ width:490px; border-right:1px dashed #a3a3a3; float:left; }
.contact-rgt{ width:420px; float:right; }
.input1{width:380px; border:1px solid #a3a3a3; color:#a3a3a3;margin-top:15px; padding:5px 0 5px 20px;}
.input2{width:380px; height:100px; border:1px solid #a3a3a3; padding-left:20px; color:#a3a3a3;margin-top:15px;}
.sub{ margin-top:15px; float:right; margin-right:20px;}
/*分页*/
.pagination{text-align:center;margin:0 auto;padding:10px 0;color:#fff;}
.pagination span, .pagination a{display:inline-block;padding:1px 6px;background:#397cbf;border:1px solid #d6cfd6;vertical-align:top;}
.pagination a:hover{background:#fff;border:1px solid #397cbf;color:white;text-decoration:none;}
.pagination a:link, .pagination a:visited, .pagination a:active{color:#fff;}
.pagination a:hover{color:#397cbf;}
.pagination .thisPage{ color:#397cbf; background:#fff;border:1px solid #397cbf;}